<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>商家后台</title>
    <!--favicon-->
    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
    <!-- simplebar CSS-->
    <link href="/seller/css/simplebar.css" rel="stylesheet"/>
    <!-- Bootstrap core CSS-->
    <link href="/seller/css/bootstrap.min.css" rel="stylesheet"/>
    <!-- animate CSS-->
    <link href="/seller/css/animate.css" rel="stylesheet" type="text/css"/>
    <!-- Icons CSS-->
    <link href="/seller/css/icons.css" rel="stylesheet" type="text/css"/>
    <!-- Sidebar CSS-->
    <link href="/seller/css/sidebar-menu.css" rel="stylesheet"/>
    <!-- Custom Style-->
    <link href="/seller/css/app-style.css" rel="stylesheet"/>

</head>

<body class="bg-dark">

<!-- Start wrapper-->
<div id="wrapper">

    <!--Start sidebar-wrapper-->
    {include file="common:left" /}
    <!--End sidebar-wrapper-->

    <!--Start topbar header-->
    <header class="topbar-nav">
        <nav class="navbar navbar-expand fixed-top bg-dark border-bottom border-light-3">
            <ul class="navbar-nav mr-auto align-items-center">
                <li class="nav-item">
                    <a class="nav-link toggle-menu" href="javaScript:;">
                        <i class="icon-menu menu-icon"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <form class="search-bar">
                        <input type="text" class="form-control" placeholder="Enter keywords">
                        <a href="javascript:;"><i class="icon-magnifier"></i></a>
                    </form>
                </li>
            </ul>

            <ul class="navbar-nav align-items-center right-nav-link">
                <li class="nav-item dropdown-lg">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret waves-effect" data-toggle="dropdown" href="javaScript:;">
                        <i class="fa fa-envelope-open-o text-white"></i><span class="badge badge-secondary badge-up">12</span></a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                You have 12 new messages
                                <span class="badge badge-secondary">12</span>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <div class="avatar"><img class="align-self-start mr-3" src="/seller/picture/avatar-5.png" alt="user avatar"></div>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">Jhon Deo</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet...</p>
                                            <small>Today, 4:10 PM</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <div class="avatar"><img class="align-self-start mr-3" src="/seller/picture/avatar-6.png" alt="user avatar"></div>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">Sara Jen</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet...</p>
                                            <small>Yesterday, 8:30 AM</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <div class="avatar"><img class="align-self-start mr-3" src="/seller/picture/avatar-7.png" alt="user avatar"></div>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">Dannish Josh</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet...</p>
                                            <small>5/11/2018, 2:50 PM</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <div class="avatar"><img class="align-self-start mr-3" src="/seller/picture/avatar-8.png" alt="user avatar"></div>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">Katrina Mccoy</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet.</p>
                                            <small>1/11/2018, 2:50 PM</small>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item"><a href="javaScript:;">See All Messages</a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item dropdown-lg">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret waves-effect" data-toggle="dropdown" href="javaScript:;">
                        <i class="fa fa-bell-o text-white"></i><span class="badge badge-info badge-up">14</span></a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                You have 14 Notifications
                                <span class="badge badge-info">14</span>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <i class="zmdi zmdi-accounts fa-2x mr-3 text-primary"></i>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">New Registered Users</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet...</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <i class="zmdi zmdi-coffee fa-2x mr-3 text-success"></i>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">New Received Orders</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet...</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item">
                                <a href="javaScript:;">
                                    <div class="media">
                                        <i class="zmdi zmdi-notifications-active fa-2x mr-3 text-secondary"></i>
                                        <div class="media-body">
                                            <h6 class="mt-0 msg-title">New Updates</h6>
                                            <p class="msg-info">Lorem ipsum dolor sit amet...</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list-group-item"><a href="javaScript:;">See All Notifications</a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item language">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret waves-effect" data-toggle="dropdown" href="#"><i class="flag-icon flag-icon-gb"></i></a>
                    <ul class="dropdown-menu dropdown-menu-right">
                        <li class="dropdown-item"> <i class="flag-icon flag-icon-gb mr-2"></i> English</li>
                        <li class="dropdown-item"> <i class="flag-icon flag-icon-fr mr-2"></i> French</li>
                        <li class="dropdown-item"> <i class="flag-icon flag-icon-cn mr-2"></i> Chinese</li>
                        <li class="dropdown-item"> <i class="flag-icon flag-icon-de mr-2"></i> German</li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" data-toggle="dropdown" href="#">
                        <span class="user-profile"><img src="/seller/picture/avatar-13.png" class="img-circle" alt="user avatar"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right">
                        <li class="dropdown-item user-details">
                            <a href="javaScript:;">
                                <div class="media">
                                    <div class="avatar"><img class="align-self-start mr-3" src="/seller/picture/avatar-13.png" alt="user avatar"></div>
                                    <div class="media-body">
                                        <h6 class="mt-2 user-title">Katrina Mccoy</h6>
                                        <p class="user-subtitle">mccoy@example.com</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="dropdown-divider"></li>
                        <li class="dropdown-item"><i class="icon-envelope mr-2"></i> Inbox</li>
                        <li class="dropdown-divider"></li>
                        <li class="dropdown-item"><i class="icon-wallet mr-2"></i> Account</li>
                        <li class="dropdown-divider"></li>
                        <li class="dropdown-item"><i class="icon-settings mr-2"></i> Setting</li>
                        <li class="dropdown-divider"></li>
                        <li class="dropdown-item"><i class="icon-power mr-2"></i> Logout</li>
                    </ul>
                </li>
            </ul>
        </nav>
    </header>
    <!--End topbar header-->

    <div class="clearfix"></div>

    <div class="content-wrapper">
        <div class="container-fluid">
            {block name="right"}
            <!--Start Dashboard Content-->
            <div class="row mt-3">
                <div class="col-12 col-lg-6 col-xl-3">
                    <div class="card bg-success shadow-none">
                        <div class="card-body">
                            <div class="media align-items-center">
                                <div class="media-body">
                                    <p class="text-white">Total Orders</p>
                                    <h4 class="text-white line-height-5">8450</h4>
                                </div>
                                <div class="w-circle-icon rounded-circle border border-white">
                                    <i class="fa fa-cart-plus text-white"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3">
                    <div class="card bg-primary shadow-none">
                        <div class="card-body">
                            <div class="media align-items-center">
                                <div class="media-body">
                                    <p class="text-white">Total Revenue</p>
                                    <h4 class="text-white line-height-5">$750</h4>
                                </div>
                                <div class="w-circle-icon rounded-circle border border-white">
                                    <i class="fa fa-money text-white"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3">
                    <div class="card bg-danger shadow-none">
                        <div class="card-body">
                            <div class="media align-items-center">
                                <div class="media-body">
                                    <p class="text-white">New Users</p>
                                    <h4 class="text-white line-height-5">620</h4>
                                </div>
                                <div class="w-circle-icon rounded-circle border border-white">
                                    <i class="fa fa-users text-white"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3">
                    <div class="card bg-info shadow-none">
                        <div class="card-body">
                            <div class="media align-items-center">
                                <div class="media-body">
                                    <p class="text-white">Bounce Rate</p>
                                    <h4 class="text-white line-height-5">12.80%</h4>
                                </div>
                                <div class="w-circle-icon rounded-circle border border-white">
                                    <i class="fa fa-pie-chart text-white"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--End Row-->
            <div class="row">
                <div class="col-12 col-lg-6">
                    <div class="card bg-transparent shadow-none border border-light-3">
                        <div class="card-header bg-transparent text-white border-light-3">
                            Last 7 Days Report
                            <div class="card-action">
                                <div class="dropdown">
                                    <a href="javaScript:;" class="dropdown-toggle dropdown-toggle-nocaret" data-toggle="dropdown">
                                        <i class="icon-options text-white"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="javaScript:;">Action</a>
                                        <a class="dropdown-item" href="javaScript:;">Another action</a>
                                        <a class="dropdown-item" href="javaScript:;">Something else here</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="javaScript:;">Separated link</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <canvas id="dashboard3-chart-1"></canvas>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6">
                    <div class="card bg-transparent shadow-none border border-light-3">
                        <div class="card-header bg-transparent text-white border-light-3">
                            Most Selling Items
                            <div class="card-action">
                                <div class="dropdown">
                                    <a href="javaScript:;" class="dropdown-toggle dropdown-toggle-nocaret" data-toggle="dropdown">
                                        <i class="icon-options text-white"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="javaScript:;">Action</a>
                                        <a class="dropdown-item" href="javaScript:;">Another action</a>
                                        <a class="dropdown-item" href="javaScript:;">Something else here</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="javaScript:;">Separated link</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <canvas id="dashboard3-chart-2"></canvas>
                        </div>
                    </div>
                </div>
            </div><!--End Row-->
            <div class="row">
                <div class="col-12 col-lg-12 col-xl-12">
                    <div class="card bg-transparent shadow-none border border-light-3">
                        <div class="card-header bg-transparent text-white border-light-3">
                            <i class="fa fa-area-chart"></i> Sales Report
                            <div class="card-action">
                                <div class="form-group mb-0">
                                    <select class="form-control form-control-sm input-dark">
                                        <option>Jan 18</option>
                                        <option>Feb 18</option>
                                        <option>Mar 18</option>
                                        <option>Apr 18</option>
                                        <option>May 18</option>
                                        <option>Jun 18</option>
                                        <option>Jul 18</option>
                                        <option>Aug 18</option>
                                        <option selected>Sept 18</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <canvas id="dashboard3-chart-3" height="100"></canvas>
                        </div>
                    </div>
                </div>

            </div><!--End Row-->
            <div class="row">
                <div class="col-12 col-lg-6 col-xl-8">
                    <div class="card bg-transparent shadow-none border border-light-3">
                        <div class="card-header bg-transparent text-white border-0">
                            New Customer List
                            <div class="card-action">
                                <div class="dropdown">
                                    <a href="javaScript:;" class="dropdown-toggle dropdown-toggle-nocaret" data-toggle="dropdown">
                                        <i class="icon-options text-white"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="javaScript:;">Action</a>
                                        <a class="dropdown-item" href="javaScript:;">Another action</a>
                                        <a class="dropdown-item" href="javaScript:;">Something else here</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="javaScript:;">Separated link</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table align-items-center table-flush table-dark">
                                <thead>
                                <tr>
                                    <th>Photo</th>
                                    <th>Name</th>
                                    <th>Username</th>
                                    <th>Email</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td><img src="/seller/picture/avatar-1.png" class="rounded-circle customer-img" alt="user avatar"></td>
                                    <td>Selina Jccoy</td>
                                    <td>@selina</td>
                                    <td>xyz@example.com</td>
                                </tr>
                                <tr>
                                    <td><img src="/seller/picture/avatar-2.png" class="rounded-circle customer-img" alt="user avatar"></td>
                                    <td>Michle jhon</td>
                                    <td>@Michle</td>
                                    <td>xyz@example.com</td>
                                </tr>
                                <tr>
                                    <td><img src="/seller/picture/avatar-3.png" class="rounded-circle customer-img" alt="user avatar"></td>
                                    <td>Jhon Deo</td>
                                    <td>@deojhon</td>
                                    <td>xyz@example.com</td>
                                </tr>
                                <tr>
                                    <td><img src="/seller/picture/avatar-4.png" class="rounded-circle customer-img" alt="user avatar"></td>
                                    <td>Selina Jccoy</td>
                                    <td>@selina</td>
                                    <td>xyz@example.com</td>
                                </tr>
                                <tr>
                                    <td><img src="/seller/picture/avatar-5.png" class="rounded-circle customer-img" alt="user avatar"></td>
                                    <td>Katrin jade</td>
                                    <td>@Katrin</td>
                                    <td>xyz@example.com</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-4">
                    <div class="card bg-transparent shadow-none border border-light-3">
                        <div class="card-header bg-transparent text-white border-light-3">Social Traffic</div>
                        <div class="card-body">
                            <div class="media align-items-center">
                                <div><i class="fa fa-facebook-square fa-2x text-facebook"></i></div>
                                <div class="media-body text-left ml-3">
                                    <div class="progress-wrapper">
                                        <p class="text-white">Facebook <span class="float-right">65%</span></p>
                                        <div class="progress" style="height: 7px;">
                                            <div class="progress-bar bg-facebook" style="width:65%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="border-light-3">
                            <div class="media align-items-center">
                                <div><i class="fa fa-twitter fa-2x text-twitter"></i></div>
                                <div class="media-body text-left ml-3">
                                    <div class="progress-wrapper">
                                        <p class="text-white">Twitter <span class="float-right">50%</span></p>
                                        <div class="progress" style="height: 7px;">
                                            <div class="progress-bar bg-twitter" style="width:50%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="border-light-3">
                            <div class="media align-items-center">
                                <div><i class="fa fa-dribbble fa-2x text-dribbble"></i></div>
                                <div class="media-body text-left ml-3">
                                    <div class="progress-wrapper">
                                        <p class="text-white">Dribble <span class="float-right">70%</span></p>
                                        <div class="progress" style="height: 7px;">
                                            <div class="progress-bar bg-dribbble" style="width:70%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="border-light-3">
                            <div class="media align-items-center">
                                <div><i class="fa fa-linkedin-square fa-2x text-linkedin"></i></div>
                                <div class="media-body text-left ml-3">
                                    <div class="progress-wrapper">
                                        <p class="text-white">Linkedin <span class="float-right">35%</span></p>
                                        <div class="progress" style="height: 7px;">
                                            <div class="progress-bar bg-linkedin" style="width:35%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="border-light-3">
                            <div class="media align-items-center">
                                <div><i class="fa fa-youtube-square fa-2x text-youtube"></i></div>
                                <div class="media-body text-left ml-3">
                                    <div class="progress-wrapper">
                                        <p class="text-white">Youtube <span class="float-right">5%</span></p>
                                        <div class="progress" style="height: 7px;">
                                            <div class="progress-bar bg-youtube" style="width:25%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--End Row-->
            <div class="card bg-transparent shadow-none border border-light-3">
                <div class="card-content">
                    <div class="row row-group m-0 text-center">
                        <div class="col-12 col-lg-3 col-xl-3 border-light-3">
                            <div class="card-body">
                                <span class="donut" data-peity='{ "fill": ["#5e72e4", "#f2f2f2"], "innerRadius": 45, "radius": 32 }'>4/5</span>
                                <hr class="border-light-3">
                                <h6 class="mb-0 text-primary">Total Viwes : 4521</h6>
                            </div>
                        </div>
                        <div class="col-12 col-lg-3 col-xl-3 border-light-3">
                            <div class="card-body">
                                <span class="donut" data-peity='{ "fill": ["#ff2fa0", "#f2f2f2"], "innerRadius": 45, "radius": 32 }'>2/5</span>
                                <hr class="border-light-3">
                                <h6 class="mb-0 text-secondary">Page Click : 4521</h6>
                            </div>
                        </div>
                        <div class="col-12 col-lg-3 col-xl-3 border-light-3">
                            <div class="card-body">
                                <span class="donut" data-peity='{ "fill": ["#2dce89", "#f2f2f2"], "innerRadius": 45, "radius": 32 }'>3/5</span>
                                <hr class="border-light-3">
                                <h6 class="mb-0 text-success">Server Load : 4521</h6>
                            </div>
                        </div>
                        <div class="col-12 col-lg-3 col-xl-3 border-light-3">
                            <div class="card-body">
                                <span class="donut" data-peity='{ "fill": ["#fb6340", "#f2f2f2"], "innerRadius": 45, "radius": 32 }'>2/5</span>
                                <hr class="border-light-3">
                                <h6 class="mb-0 text-warning">Used RAM : 4521</h6>
                            </div>
                        </div>
                    </div><!--End Row-->
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="card bg-transparent shadow-none border border-light-3">
                        <div class="card-header border-0 bg-transparent bg-dark text-white">
                            Recent Orders Table
                            <div class="card-action">
                                <div class="dropdown">
                                    <a href="javaScript:;" class="dropdown-toggle dropdown-toggle-nocaret" data-toggle="dropdown">
                                        <i class="icon-options text-white"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <a class="dropdown-item" href="javaScript:;">Action</a>
                                        <a class="dropdown-item" href="javaScript:;">Another action</a>
                                        <a class="dropdown-item" href="javaScript:;">Something else here</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="javaScript:;">Separated link</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">

                            <table class="table align-items-center table-flush table-dark">
                                <thead>
                                <tr>
                                    <th>Action</th>
                                    <th>Product</th>
                                    <th>Photo</th>
                                    <th>Product ID</th>
                                    <th>Status</th>
                                    <th>Amount</th>
                                    <th>Completion</th>
                                </tr>
                                </thead>
                                <tr>
                                    <td>
                                        <div class="icheck-material-primary">
                                            <input type="checkbox" id="check1"/>
                                            <label for="check1"></label>
                                        </div>
                                    </td>
                                    <td>Iphone 5</td>
                                    <td><img src="/seller/picture/01.png" class="product-img" alt="product img"></td>
                                    <td>#9405822</td>
                                    <td><span class="btn btn-sm btn-outline-success btn-round btn-block">Paid</span></td>
                                    <td>$ 1250.00</td>
                                    <td><div class="progress shadow" style="height: 4px;">
                                        <div class="progress-bar gradient-ohhappiness" role="progressbar" style="width: 100%"></div>
                                    </div></td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="icheck-material-primary">
                                            <input type="checkbox" id="check2"/>
                                            <label for="check2"></label>
                                        </div>
                                    </td>
                                    <td>Earphone GL</td>
                                    <td><img src="/seller/picture/02.png" class="product-img" alt="product img"></td>
                                    <td>#9405820</td>
                                    <td><span class="btn btn-sm btn-outline-info btn-round btn-block">Pending</span></td>
                                    <td>$ 1500.00</td>
                                    <td><div class="progress shadow" style="height: 4px;">
                                        <div class="progress-bar gradient-scooter" role="progressbar" style="width: 80%"></div>
                                    </div></td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="icheck-material-primary">
                                            <input type="checkbox" id="check3"/>
                                            <label for="check3"></label>
                                        </div>
                                    </td>
                                    <td>HD Hand Camera</td>
                                    <td><img src="/seller/picture/03.png" class="product-img" alt="product img"></td>
                                    <td>#9405830</td>
                                    <td><span class="btn btn-sm btn-outline-danger btn-round btn-block">Failed</span></td>
                                    <td>$ 1400.00</td>
                                    <td><div class="progress shadow" style="height: 4px;">
                                        <div class="progress-bar gradient-ibiza" role="progressbar" style="width: 60%"></div>
                                    </div></td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="icheck-material-primary">
                                            <input type="checkbox" id="check4"/>
                                            <label for="check4"></label>
                                        </div>
                                    </td>
                                    <td>Clasic Shoes</td>
                                    <td><img src="/seller/picture/04.png" class="product-img" alt="product img"></td>
                                    <td>#9405825</td>
                                    <td><span class="btn btn-sm btn-outline-success btn-round btn-block">Paid</span></td>
                                    <td>$ 1200.00</td>
                                    <td><div class="progress shadow" style="height: 4px;">
                                        <div class="progress-bar gradient-ohhappiness" role="progressbar" style="width: 100%"></div>
                                    </div></td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="icheck-material-primary">
                                            <input type="checkbox" id="check5"/>
                                            <label for="check5"></label>
                                        </div>
                                    </td>
                                    <td>Hand Watch</td>
                                    <td><img src="/seller/picture/05.png" class="product-img" alt="product img"></td>
                                    <td>#9405840</td>
                                    <td><span class="btn btn-sm btn-outline-danger btn-round btn-block">Failed</span></td>
                                    <td>$ 1800.00</td>
                                    <td><div class="progress shadow" style="height: 4px;">
                                        <div class="progress-bar gradient-ibiza" role="progressbar" style="width: 75%"></div>
                                    </div></td>
                                </tr>

                                <tr>
                                    <td>
                                        <div class="icheck-material-primary">
                                            <input type="checkbox" id="check6"/>
                                            <label for="check6"></label>
                                        </div>
                                    </td>
                                    <td>HD Hand Camera</td>
                                    <td><img src="/seller/picture/03.png" class="product-img" alt="product img"></td>
                                    <td>#9405830</td>
                                    <td><span class="btn btn-sm btn-outline-info btn-round btn-block">Pending</span></td>
                                    <td>$ 1400.00</td>
                                    <td><div class="progress shadow" style="height: 4px;">
                                        <div class="progress-bar gradient-scooter" role="progressbar" style="width: 70%"></div>
                                    </div></td>
                                </tr>

                            </table>
                        </div>
                    </div>
                </div>
            </div>
            {/block}
            <!--End Row-->
            <!--End Dashboard Content-->

        </div>
        <!-- End container-fluid-->
    </div>
    <!--End content-wrapper-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class="fa fa-angle-double-up"></i> </a>
    <!--End Back To Top Button-->

    <!--Start footer-->
    <footer class="footer bg-dark border-light-3">
        <div class="container">
            <div class="text-center text-white">
                Copyright © 2018 <a href="http://www.17sucai.com/">Rukada</a> {$Think.session.sellername}
            </div>
        </div>
    </footer>
    <!--End footer-->

</div><!--End wrapper-->

<!-- Bootstrap core JavaScript-->
<script src="/seller/js/jquery.min.js"></script>
<script src="/seller/js/popper.min.js"></script>
<script src="/seller/js/bootstrap.min.js"></script>

<!-- simplebar js -->
<script src="/seller/js/simplebar.js"></script>
<!-- waves effect js -->
<script src="/seller/js/waves.js"></script>
<!-- sidebar-menu js -->
<script src="/seller/js/sidebar-menu.js"></script>
<!-- Custom scripts -->
<script src="/seller/js/app-script.js"></script>
<!-- Chart js -->
<script src="/seller/js/chart.min.js"></script>
<!--Peity Chart -->
<script src="/seller/js/jquery.peity.min.js"></script>
<!-- Index js -->
<script src="/seller/js/index3.js"></script>


</body>
</html>
